CSS: Add border around avatars

Avatars in https://gitlab.gnome.org/Teams/Design/os-mockups/-/blob/master/lock-login/lock-screen.png
have a white circular border around them.

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/379

diff --git a/data/theme/gnome-shell-sass/widgets/_misc.scss b/data/theme/gnome-shell-sass/widgets/_misc.scss
index aa543a0e530658b1bee073aa8cfa0cc06e2c755e..96dd4d1dd74cdf1f549292b65decc0f4c6d44139 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_misc.scss
+++ b/data/theme/gnome-shell-sass/widgets/_misc.scss
@@ -9,6 +9,7 @@
   background-size: contain;
   color: $osd_fg_color;
   border-radius: 99px;
+  border: 2px $osd_fg_color;
   &:hover {
     color: lighten($osd_fg_color,30%);
   }